$(function () {

    // 一、获取用户详情
    $.ajax({
        type: "get",
        url: bignews.user_detail,
        success: function (response) {
            $('.username').val(response.data.username);
            $('.nickname').val(response.data.nickname);
            $('.email').val(response.data.email);
            $('.user_pic').prop('src', response.data.userPic);
            $('.password').val(response.data.password);
        }
    });

    // 二、用户信息修改
    // 2.1用户上传图片时暂时不上传，本地预览
    $('#exampleInputFile').on('change', function () {
        // 用户上传文件的图片信息
        const userUrl = $(this)[0].files[0]
        // 利用 file 创建一个可供 img 标签设置 src 属性的地址  
        // URL.createObjectURL() ---创建临时url路径
        const imgUrl = URL.createObjectURL(userUrl);
        console.log(imgUrl);
        $('.user_pic').prop('src', imgUrl);
    })
    // 2.2 点击修改按钮，向服务器发送请求进行用户信息修改
    $('.btn-edit').on('click', function () {
        // 由于表单带有图片, 不可以直接用字符串拼接的方法修改用户信息
        // 用 formData 转换为二进制数据才能发送
        // console.log($('#form')[0])
        const data = new FormData($('#form')[0])
        // 这个 formData 就包含了所有的表单数据可以作为 data 发送
        $.ajax({
            type: "post",
            url: bignews.user_edit,
            data,
            dataType: 'json',
            // 如果是二进制数据, 记得把 contentType + processData 禁用
            contentType: false,
            processData: false,
            success: function (response) {
                // console.log(response)
                if (response.code == 200) {
                    // 如果直接刷新, 只是刷新页中页
                    // 必须使用 window.parent 才能通知主页面刷新
                    window.parent.location.reload();
                }
            }

        });
    })






})